<input name="pageable.pageSize" type="hidden" value="${pageable.pageSize}">
<input name="pageable.pageNumber" type="hidden" value="${pageable.pageNumber}">
<input name="pageable.searchProperty" type="hidden" value="${pageable.searchProperty}">
<input name="pageable.orderProperty" type="hidden" value="${pageable.orderProperty}">
<input name="pageable.orderDirection" type="hidden" value="${pageable.orderDirection}">
[#if totalPages > 1]
	<div class="box-footer clearfix">
		<ul class="pagination no-margin pull-right">
			[#if hasPrevious]
				<li>
					<a href="javascript:;" data-page-number="${previousPageNumber}">&laquo;</a>
				</li>
			[#else]
				<li class="disabled">
					<a href="javascript:;">&laquo;</a>
				</li>
			[/#if]
			[#list segment as segmentPageNumber]
				<li[#if segmentPageNumber == pageNumber] class="active"[/#if]>
					<a href="javascript:;" data-page-number="${segmentPageNumber}">${segmentPageNumber}</a>
				</li>
			[/#list]
			[#if hasNext]
				<li>
					<a href="javascript:;" data-page-number="${nextPageNumber}">&raquo;</a>
				</li>
			[#else]
				<li class="disabled">
					<a href="javascript:;">&raquo;</a>
				</li>
			[/#if]
		</ul>
	</div>
[/#if]